<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>个人资料</title>
		<meta name="keywords" content="不二商城 运动服"/>
		<meta name="description" content="第一个团队项目"/>
		<link rel="stylesheet" type="text/css" href="css/userdata.css"/>
	</head>
	<body>
		<div class="web">
			<!--头部-->
			<header>
				<div class="imgFix">
					<a href="homepage.html"><img src="img/logo.jpg" alt="" /></a>
				</div>
				<div class="wrap">
					<ul>
						<li><a href="homepage.html">首页</a></li>
						<li><a href="">骑行</a></li>
						<li><a href="">铁三</a></li>
						<li><a href="">跑步</a></li>
						<li><a href="">设计师注入</a></li>
						<li><a href="">品牌专区</a></li>
					</ul>
					<div class="search">
						<div class="input_wrap">
							<input type="text" />
							<button type="button"><i class="iconfont icon-fangdajing"></i></button>
						</div>
					</div>
					<div class="shop-cart">
						<a href=""><i class="iconfont icon-gouwuche"></i></a>
					</div>
					<div class="personal">
						<a href=""><i class="iconfont icon-geren01"></i></a>
					</div>
					<div class="tel">
						<span>400-6563-116</span>
					</div>
					<div class="lang">
						<div>CH</div>
					</div>
				</div>
			</header>	
			<!--主体部分-->
			<div class="matter">
				<div class="matter_nav">
					<div>
						<li><a href="">首页</a></li>
						<li>&gt;</li>
						<li><a href="">我的不二定制</a></li>
						<li>&gt;</li>
						<li><a href="">我的店铺</a></li>
						<li>&gt;</li>
						<li><a href="">店铺管理</a></li>
					</div>
				</div>
				<div class="matter_body clearfix">
					<div class="line"></div>
					<div class="matter_body_l">
						<div class="user_pic">
							<a href=""><img src="img/dingzhi/touxiang.png"/></a>
						</div>
						<div class="user_name">
							<span id="">
								<a href="">SUPER12</a>
							</span>
							<i class="iconfont icon-xingbie-nan"></i>
						</div>
						<dl>
							<dt><a href="store_set.html">我的订单</a></dt>
								<dd><a href="zc_mailbox1.html">退货退款</a></dd>
								<dd><a href="">申请售后</a></dd>
								<dd><a href="">我要评价</a></dd>
							<dt><a href="my_work.html">我的作品</a></dt>
							<dt><a href="my_order.html">我的店铺</a></dt>
								<dd><a href="store_open.html">查看店铺</a></dd>
								<dd><a href="store_management.html">店铺管理</a></dd>
								<dd><a href="cargo_sale.html">已卖出的商品</a></dd>
								<dd><a href="cargo_manage.html">商品管理</a></dd>
							<dt><a href="">我的收益</a></dt>
								<dd><a href="my_earnings_one.html">商品结算</a></dd>
								<dd><a href="my_earnings_three.html">体现申请</a></dd>
								<dd><a href="">资金明细</a></dd>
							<dt><a href="">我的帐户</a></dt>
								<dd><a href="user_data.html">基本信息</a></dd>
								<dd><a href="user_add.html">我的地址</a></dd>
								<dd><a href="user_idbinding.html">帐号绑定</a></dd>
								<dd><a href="user_safety.html">帐号安全</a></dd>
						</dl>
					</div>
					<div class="matter_body_r">
						<p>基本信息</p>
						<div class="mess">
							<form action="" method="post">
								<li>
									<span>用户头像</span>
									<a href=""><img src="img/dingzhi/touxiang.png"/></a>
								</li>
								<li>
									<span>!</span>
									支持JPG，JPEG，GIF，PNG，BMP，且小于5M
								</li>
								<li class="mess_line"></li>
								<!--第四个-->
								<li>
									登陆账号
									<span>15820208318</span>
								</li>
								<li>
									<p>昵称</p>
									<input type="text" name="" id="" value=""/><br />
									<span>4-32个字符，支持中英文、数字或"_"。注意：不能用纯数字或"_"</span>
								</li>
								<li>
									<p>性别</p>
									<div class="sex_box">
										<div>
											<input type="checkbox" name="" id="nan" value="" />
											<div><i class="iconfont icon-xingbie-nan"></i>男</div>
											<input type="checkbox" name="" id="nv" value="" checked=""/>
											<div><i class="iconfont icon-xingbie-nv"></i>女</div>
										</div>
										<label for="nan">
											<img src="img/dingzhi/sex_cho.jpg"/>
										</label>
									</div>
									
								</li>
								<!--第七个-->
								<li class="birth">
									<p>生日</p>
									<select id="year">
									  <option value="1990">1990</option>
									  <option value="1991">1991</option>
									  <option value="1992">1992</option>
									  <option value="1993">1993</option>
									  <option value="1994">1994</option>
									  <option value="1995">1995</option>
									  <option value="1996">1996</option>
									  <option value="1997">1997</option>
									</select>
									<!--<label for="year">
										<img src="img/dingzhi/selector.png"/>
									</label>-->
									<select name="month">
									  <option value="1">01</option>
									  <option value="2">02</option>
									  <option value="3">03</option>
									  <option value="4">04</option>
									  <option value="5">05</option>
									  <option value="6">06</option>
									  <option value="7">07</option>
									  <option value="8">08</option>
									  <option value="9">09</option>
									  <option value="10">10</option>
									  <option value="11">11</option>
									  <option value="12">12</option>
									</select>
									<select name="date">
									  <option value="volvo">01</option>
									  <option value="saab">02</option>
									  <option value="opel">03</option>
									  <option value="audi">04</option>
									</select>
								</li>
								<li>
									<p>所在地区</p>
									<dd>
										<p>城市</p>
										<select name="city">
											op
										  <option value="1">广州</option>
										  <option value="2">Saab</option>
										  <option value="3">Opel</option>
										  <option value="4">Audi</option>
										</select>
									</dd>
									<dd>
										<p>区/县</p>
										<select name="district">
										  <option value="1">Volvo</option>
										  <option value="2">Saab</option>
										  <option value="3">Opel</option>
										  <option value="4">Audi</option>
										</select>
									</dd>
								</li>
								<li>
									<p>所在行业</p>
									<select name="job">
										  <option value="1">选择职业</option>
										  <option value="2">教师</option>
										  <option value="3">摄影师</option>
										  <option value="4">吃货</option>
										</select>
								</li>
								<li class="mess_line"></li>
								<li>
									<input type="submit" name="" id="" value="保存" />
								</li>
							</form>
						</div>
					</div>
				</div>
			</div>
		<!--脚部-->
			<footer>
				<div class="wrap">
					<div>
						<a href="">
						</a>
					</div>
					<div>
						<ul>
							<li><i class="dot"></i><a href="">新手指南</a></li>
							<li><i class="dot"></i><a href="">用户注册</a></li>
							<li><i class="dot"></i><a href="">定制流程</a></li>
						</ul>
						<ul>
							<li><i class="dot"></i><a href="">付款方式</a></li>
							<li><i class="dot"></i><a href="">支付方式</a></li>
							<li><i class="dot"></i><a href="">支付问题</a></li>
							<li><i class="dot"></i><a href="">常见问题</a></li>
						</ul>
						<ul>
							<li><i class="dot"></i><a href="">售后服务</a></li>
							<li><i class="dot"></i><a href="">退款换货</a></li>
							<li><i class="dot"></i><a href="">配送方式</a></li>
							<li><i class="dot"></i><a href="">联系我们</a></li>
						</ul>
						<ul>
							<li><i class="dot"></i><a href="">政策条款</a></li>
							<li><i class="dot"></i><a href="">服务协议</a></li>
							<li><i class="dot"></i><a href="">隐私条款</a></li>
							<li><i class="dot"></i><a href="">版权条款</a></li>
						</ul>
					</div>
				</div>
				<div class="copyRight">
					&copy; 2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1
				</div>
			</footer>
		</div>
	</body>
</html>